<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./utils/flexible.js"></script>
    
</head>

<!-- //使用rem 来进行适配 -->
<body>
    <!-- 头部header -->
    <header id="header">
        <div class="header-left"><a href="./index.html"><img src="http://chst.vip:8081/for-stu/wfzh/images/header_logo.png" alt=""></a></div>
        <div class="header-right"><a href="./index.html"><img src="./assets/images/header_app.png" alt=""></a></div>
    </header>

    <!-- 搜索部分search -->
    <section id="search">
        <div class="search-input">
            <input type="text" placeholder="请输入你想比价的商品">
            <button>搜索</button>
        </div>
        
    </section>

    <!-- 导航栏nav -->
    <nav id="nav">
        <!-- <div>
            <a href="">
                <span><img src="" alt=""></span>
            </a>
            <p></p>
        </div>        -->
    </nav>

    <!-- 折扣discount -->
    <section id="discount">
    <h3>超值折扣推荐</h3>
    <img src="http://chst.vip:8081/for-stu/wfzh/images/more.png" alt="">
    </section>

    <!-- 商品producte -->
    <section id="producte">
    <ul class="producte_ul">
        <!-- <a href="indexXiang.html?productid=${item.productId}"  -->
    </ul>
    </section>

    <!-- 尾部footer -->
    <section id="footer">
        <!-- 优惠 -->
        <div class="more">
            <a href="#">更多优惠信息>></a>
        </div>
        <!--  排行-->
        <div class="ranking">
            <h3>品牌排行</h3>
            <img src="http://chst.vip:8081/for-stu/wfzh/images/more.png" alt="">
        </div>
        <!-- login -->
        <div class="login">
            <div class="login_a">
                <a href="#" class="l-a1">登入</a>
                <a href="#" class="l-a2">注册</a>
                <a href="#"class="l-a3">返回顶部</a>
            </div>
            <div class="copyright">
                <p class="c-p1">
                    <a href="#">手机APP下载</a>
                    <a href="#">万峰智慧商城手机版</a>
                    --掌上比价平台
                </p>
                <p class="c-p2">chst.vip:8081/crm<p>                   
            </div>
        </div>
    </section>
</body>

</html>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="./js/index_producte.js"></script>
<script src="./js/index_nav.js"></script>